import { Avatar, Divider } from 'antd'
import '../public/style/components/author.css'
import { GithubOutlined, WechatOutlined, QqOutlined } from '@ant-design/icons'

const Author = () => {
  return (
    <div className="author-div comm-box">
      <div>
        <Avatar size={100} src="image/avatar.jpg" />
      </div>
      <div className="author-introduction">
        一名普通的前端程序员，专注于前端web和小程序开发，熟练使用Vue和React前端开发框架。
        <br />
        邮箱：1207146363@qq.com
        <Divider>社交账号</Divider>
        <Avatar size={28} className="account" icon={<GithubOutlined />}/>
        <Avatar size={28} className="account" icon={<WechatOutlined />}/>
        <Avatar size={28} className="account" icon={<QqOutlined />}/>
      </div>
    </div>
  )
}

export default Author